<?php 
session_start();
include_once './c/config.php';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$cdnUrl='http://tu-10030004.file.myqcloud.com/dj/';
$cdnUrl='./';
if (isset($_GET['op']) && 'test' == $_GET['op']){
    $_SESSION['openid']=$_GET['op'];
}else{
  exit;
}
if (!isset($_SESSION['openid'])){
    exit;
}
$openid=$_SESSION['openid'];
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>大娘水饺</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#2f67ab;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .86em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:4px;color:#ffffff;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{text-align:left;color:#a2a2a2;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.page{position:absolute;width:100%;height:100%;display:none;top:0;left:0;}
 
.home-lj{position:absolute;}
.p-b, .the-bg, .home-1, .xi-qr, .home-bg{position:absolute;width:100%;top:0;left:0;}
.home-2{position:absolute;width:100%;left:0;}
.home-rule, .home-zai, .pt-share{z-index:2;}
.logo{position:absolute;top:0;z-index:3;}
.p-bg{position:absolute;width:100%;top:0;left:0;height:100%;}
 
 
.t-bg{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;background-color:#000;opacity:.6;z-index:3;}
.tip{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;z-index:3;} 
.dao-t1, .dao-t2, .zai-t2, .ruel-t1, .ruel-t2, .tip-t1{position:absolute;width:100%;display:block;}
.tzj-z1, .xxj-z1{position:absolute;width:100%;top:0;left:0;display:block;}
.dao-num{position:absolute;-webkit-text-stroke: 2px #ff8a00;color:#ffffff;font-size:48px;font-weight:800;text-align:center;}
.jshu-txt{position:absolute;color:#ffffff;font-size:60px;font-weight:800;text-align:center;}
.hide{display:none;}
.pao-list{
position:absolute;
z-index:2;
}
.l{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:#2f67ab;}
.l-b{position:absolute;}
.l-b1, .l-b2{position:absolute;top:0;left:0;height:100%;}
.l-b1{width:100%;background:transparent url('<?php echo $cdnUrl; ?>img/l-b1.png') no-repeat;background-size:cover;}
.l-b2{width:0;background:transparent url('<?php echo $cdnUrl; ?>img/l-b2.png') no-repeat;background-size:cover;}
.music{position:absolute;z-index:3;}


@-webkit-keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);}80%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0) scaleY(0.95);transform:translate3d(0,0,0) scaleY(0.95);}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02);}}@keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);}80%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0) scaleY(0.95);transform:translate3d(0,0,0) scaleY(0.95);}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02);}}
.animated2{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated2.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;}

.home-t1{position:absolute;top:0;left:0;width:100%;display:block;}


.p-q{
position:relative;
display:block;
float:left;
}
.ppq, .phq, .hua{
  position:absolute;
  top:0;
  left:0;
}
.phq{display:none;}
.hua{display:none;left:-3%;}
.pao-txt{position:absolute;color:#ffffff;font-weight:700;font-size:24px;}

@-webkit-keyframes gopul {
  from {
    -webkit-transform: scale3d(.2, .2, .2);
    transform: scale3d(.2, .2, .2);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes gopul {
  from {
     -webkit-transform: scale3d(.2, .2, .2);
    transform: scale3d(.2, .2, .2);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.gopul{
  -webkit-animation-name: gopul;
  animation-name: gopul;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes goFade{
  0%{opacity: 0;scale3d(0.86, 0.86, 0.86);}
  50%{opacity: .8;scale3d(1.1, 1.1, 1.1);}
  100%{opacity: 0;scale3d(0.86, 0.86, 0.86)}
}
@keyframes goFade{
  0%{opacity: 0;scale3d(0.86, 0.86, 0.86);}
  50%{opacity: .8;scale3d(1.1, 1.1, 1.1);}
  100%{opacity: 0;scale3d(0.86, 0.86, 0.86)}
}
.goFade{
  -webkit-animation-name: goFade;
  animation-name: goFade;
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.animated2{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animate5{-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animate3{-webkit-animation-duration: .1s;animation-duration: .1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes rotate{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.gorotate{animation: rotate 3s linear infinite;-webkit-animation: rotate 3s linear infinite;}
.zai-list{position:absolute;width:100%;left:0;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.zai-li{position:relative;width:100%;}
.zai-qu, .zai-ld, .zai-y{position:absolute;}
.zai-ld{left:0;}
.pt-t1{position:absolute;width:100%;left:0;bottom:0;background:transparent url('<?php echo $cdnUrl; ?>img/pt1-t1.png') no-repeat;background-size:cover;}

 
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
 
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@keyframes fu1{0%{transform:translate(0,10px)}100%{transform:translate(0,-10px)}}
@keyframes fu2{0%{transform:translate(-3px,3px)}100%{transform:translate(3px,-4px)}}
.fu1{animation: fu1 4s ease;animation-iteration-count: infinite;animation-direction: alternate;}
.fu2{animation: fu2 2.4s ease;animation-iteration-count: infinite;animation-direction: alternate;}
.fu3{animation: fu2 3s ease;animation-iteration-count: infinite;animation-direction: alternate;}
.fu4{animation: fu1 3.7s ease;animation-iteration-count: infinite;animation-direction: alternate;}
.home{overflow-x:hidden;}

 
@keyframes la1{
 from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg) translate3d(0, 0,0);
    transform: scale(0.1) rotate(30deg) translate3d(0, 0,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(100px, -180px, 0) rotate(-30deg);
    transform: scale(1) translate3d(100px, -180px, 0) rotate(-30deg);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
.home-y2{z-index:2;}
.post-an{position:absolute;width:100%;left:0;height:100%;top:0;opacity:0;}
</style><script>var _hmt = _hmt || [];(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?494fca8c5b1236ae51a87fcb7786e0b9";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script></head>
<body>
<div class="container">
    <div class="l">
       <img class="music" src="<?php echo $cdnUrl; ?>img/yin.png" />
       <div class="the-bg">
         <img class="l-yin simg" src="<?php echo $cdnUrl; ?>img/l-y.jpg" />
       	 <img class="l-q simg bounce animated2 infinite" src="<?php echo $cdnUrl; ?>img/l-q.png" />
         <div class="l-b">
         <div class="l-b1"></div>
         <div class="l-b2"></div>
         </div> 
       </div>
	</div>
	
    <div class="home page">
       <img class="p-b" src="<?php echo $cdnUrl; ?>img/home.jpg?v=3" />
       <img class="music" src="<?php echo $cdnUrl; ?>img/yin.png" />
       <div class="home-bg">
           <img class="home-t1 fadeInDown animated" src="<?php echo $cdnUrl; ?>img/home-t1.png" />
            
           <img class="home-y1 simg" src="<?php echo $cdnUrl; ?>img/y/4.png" />
           
           
           <img class="home-bai simg" src="<?php echo $cdnUrl; ?>img/home-bai.png" />
           <img class="home-z1 simg" src="<?php echo $cdnUrl; ?>img/home-z1.png" />
           <img class="home-y2 simg" src="<?php echo $cdnUrl; ?>img/y/4f.png" />
           
           <img class="home-j1 simg jackInTheBox animated2 infinite" src="<?php echo $cdnUrl; ?>img/home-j1.png" />
           <img class="home-j2 simg jackInTheBox animated2 infinite" src="<?php echo $cdnUrl; ?>img/home-j2.png" />
           
           <img class="home-z2 pulse animated2 infinite simg" src="<?php echo $cdnUrl; ?>img/home-z2.png" />
           <img class="home-z3 fu1 simg" src="<?php echo $cdnUrl; ?>img/home-z3.png" />
           <img class="home-z4 fu2 simg" src="<?php echo $cdnUrl; ?>img/home-z4.png" />
           <img class="home-z5 fu3 simg" src="<?php echo $cdnUrl; ?>img/home-z5.png" />
           <img class="home-z6 fu4 simg" src="<?php echo $cdnUrl; ?>img/home-z6.png" />
           <img class="home-t2 simg" src="<?php echo $cdnUrl; ?>img/home-t2.png" />
           <img class="home-t3 simg" src="<?php echo $cdnUrl; ?>img/home-t3.png" />
           <div class="home-rule simg"></div>
           <div class="home-zai simg"></div>
           
           
           <img class="home-s simg tada animated infinite" src="<?php echo $cdnUrl; ?>img/home-s.png" />
	     </div>
	</div>
    
    <div class="pao page">
      <img class="p-bx" style="position:absolute;width:100%;height:100%;" src="<?php echo $cdnUrl; ?>img/paox.jpg" />
 
      <img class="music" src="<?php echo $cdnUrl; ?>img/yin.png" />
      <img class="pao-dao simg" src="<?php echo $cdnUrl; ?>img/pao-dao.png" />
      <div class="pao-txt">00:00:15</div>
      <div class="pao-list">
        
        <?php for ($i=1;$i<=84;$i++){ ?>
           <div class="p-q p-<?php echo $i ?>" data-n="0" data-id="<?php echo $i ?>">
              <img class="ppq" src="<?php echo $cdnUrl; ?>img/q.png" />
              <img class="phq" src="<?php echo $cdnUrl; ?>img/q.png" />
              <img class="hua hua<?php echo $i; ?>" src="<?php echo $cdnUrl; ?>img/hua2.png" />
           </div>
         <?php } ?>
         
      
      </div>
      
      
    </div>
 
	<div class="t-bg"></div>
	<div class="dao tip">
	    <div class="dao-t1">
	      <img class="dao-t2" src="<?php echo $cdnUrl; ?>img/mei.png?v=2" />
	      <div class="dao-num">5</div>
	    </div>
	</div>
	<div class="xxj tip">
	    <div class="xxj-t1 tip-t1">
	       <img class="xxj-t2 tip-t1" src="<?php echo $cdnUrl; ?>img/xxj.png" />
	       <img class="xxj-z1" src="<?php echo $cdnUrl; ?>img/xxj-z1.png" /> 
	       <div class="tip-clos4 simg"></div>
	       <div class="xxj-btn simg"></div>
	    </div>
	</div>
	
	<div class="zai tip">
	    <div class="zai-t1 tip-t1">
	       <img class="zai-t2" src="<?php echo $cdnUrl; ?>img/zai.png?v=3" />
	       <div class="tip-clos5 simg"></div>
	       <div class="zai-list">
	        <div class="zai-li">
	           <img class="zai-ld" src="<?php echo $cdnUrl; ?>img/zai-xxj.png" />
	           
	           <img class="zai-y" src="<?php echo $cdnUrl; ?>img/zai-y.png" />
	        </div>
	         
	        <div class="zai-li">
	           <img class="zai-ld" src="<?php echo $cdnUrl; ?>img/zai-yib.png" />
	           <img class="zai-qu" src="<?php echo $cdnUrl; ?>img/zai-qu.png" />
	        </div>
	        
	        <div class="zai-li">
	           <img class="zai-ld" src="<?php echo $cdnUrl; ?>img/zai-wu.png" />
	           <img class="zai-qu" src="<?php echo $cdnUrl; ?>img/zai-qu.png" />
	        </div>
	        
	        
	       </div>
	    </div>
	</div>
	
	<div class="wen tip">
	    <div class="wen-t1 tip-t1">
	       <img class="wen-t2 tip-t1" src="<?php echo $cdnUrl; ?>img/wen.png" />
	       <div class="tip-clos2 simg"></div>
	       <div class="wen-btn simg"></div>
	    </div>
	</div>
	
	<div class="tzj tip">
	    <div class="tzj-t1 tip-t1">
	       <img class="tzj-t2 tip-t1" src="<?php echo $cdnUrl; ?>img/tzj.png" />
	       <img class="tzj-z1" src="<?php echo $cdnUrl; ?>img/tzj-z1.png" />
	       <input id="u-n" class="txt" name="n" type="text" />
	       <input id="u-p" class="txt" name="p" type="number" />
	       <input id="u-s" class="txt" name="s" type="text" />
	       <div class="tip-clos3 simg"></div>
	       <div class="tzj-btn simg"></div>
	    </div>
	</div>
	
	<div class="wu tip">
	    <div class="wu-t1 tip-t1">
	       <img class="wu-t2 tip-t1" src="<?php echo $cdnUrl; ?>img/wu.png" />
	       <div class="tip-clowu simg"></div>
	       
	       <div class="wu-btn simg"></div>
	    </div>
	</div>
	
	<div class="yib tip">
	    <div class="yib-t1 tip-t1">
	       <img class="yib-t2 tip-t1" src="<?php echo $cdnUrl; ?>img/yib.png" />
	       <div class="tip-clowu simg"></div>
	       <div class="yib-btn simg"></div>
	    </div>
	</div>
	
	<div class="post tip">
	     <img class="p-b pt-bg" src="<?php echo $cdnUrl; ?>img/post.jpg" />
	     <img class="pt-share simg" src="<?php echo $cdnUrl; ?>img/pt-share.png" />
	       
	     <div class="the-bg">
	       <img class="p-b pt-t2" src="<?php echo $cdnUrl; ?>img/pt1.png" />
	       
	     </div>
	     
	     
	     
	     <div class="pt-t1">
	     <img class="pt-qr simg" src="<?php echo $cdnUrl; ?>img/qr.png" />
	     </div>
	     
	     <img class="post-an" src="<?php echo $cdnUrl; ?>img/post1.jpg" />
	</div>
	
	<div class="share tip">
	    <div class="share-t1 tip-t1">
	       <img class="share-t2 tip-t1" src="<?php echo $cdnUrl; ?>img/share.png?v=4" />
	    </div>
	</div>
	
	<div class="jshu tip">
	    <div class="jshu-t1 tip-t1">
	       <img class="jshu-t2 tip-t1" src="<?php echo $cdnUrl; ?>img/jshu.png" />
	       <div class="jshu-txt">00</div>
	       <div class="jshu-ling simg"></div> 
	    </div>
	</div>
	
	<div class="rule tip">
	    <div class="ruel-t1">
	       <img class="ruel-t2" src="<?php echo $cdnUrl; ?>img/rule.png" />
	       <div class="tip-close simg"></div>
	    </div>
	</div>
 
    <div class="js_dialog">
    <div class="weui-mask"></div>
    <div class="weui-dialog">
            <div class="weui-dialog__bd weui-msg"></div>
            <div class="weui-dialog__ft">
                <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary weui-btn">知道了</a>
            </div>
    </div>
    </div>
	   

</div>
<div style="display:none;">
    <audio id="mbg" preload="auto" volume="0.2" loop="loop"><source src="http://lin.mei94.com/dumpling/js/g.mp3"  type="audio/mpeg"></audio>
    <audio id="mc1" preload="auto"><source src="c.mp3"  type="audio/mpeg"></audio>
    
</div>
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/pxloader-images.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php include 'js.php'; ?></body></html>